<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>005-SVG矩形</title>
</head>

<body>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
        <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)" />
    </svg>
    <!-- rect 元素的 width 和 height 属性可定义矩形的高度和宽度 -->
    <!-- style 属性用来定义 CSS 属性 -->
    <!-- CSS 的 fill 属性定义矩形的填充颜色（rgb 值、颜色名或者十六进制值） -->
    <!-- CSS 的 stroke-width 属性定义矩形边框的宽度 -->
    <!-- CSS 的 stroke 属性定义矩形边框的颜色 -->
</body>

</html>